<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<style type="text/css">
			/* 元素类型inline*/
			span{
				width: 50px;
				height: 50px;
				background: red;
				color: white;
				font-size: 30px;
				text-align: center;
				line-height: 50px;
				
				/* 改变元素类型*/
				display: inline-block;
			}
			b{
				font-size: 30px;
			}
		</style>
	</head>
	
	<body>
		<!--
			display属性可以改变元素的类型
			取值：
			block、inline、inline-block
		-->
		<span>08</span>
		<b>:</b>
		<span>33</span>
	</body>
</html>
